{% load static %}
<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="referrer" content="no-referrer">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- 上述meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<!-- Bootstrap CSS -->
	<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="{% static 'Pages/css/topnav.css' %}" rel="stylesheet" />
	<link href="{% static 'Pages/css/people.css' %}" rel="stylesheet" />
	<title>组织结构</title>
	<link rel="icon" href="/static/Pages/images/logo.png">

</head>

<body>
	<header class="site-header">

		<div class="wrapper">
			<a class="site-title" href="/">
				<img src="/static/Pages/images/logo-new.png" height="100px"> </a>
			<nav class="site-nav">
				<div class="trigger">
					<a class="navlink" href="/">首页</a>
					<a class="navlink" href="/news">新闻</a>
					<a class="navlink" href="/peoples">组织结构</a>
					<a class="navlink" href="/about">关于我们</a>
				</div>
			</nav>
		</div>
	</header>

	<div class="page-content">
		<div class="wrapper">
			<article class="post">
				<div class="post-content">
					<h2>主任</h2>
					<div class="box-list">
						<div class="box">
							<img class="photo" src={{director.photo}}>
							<p>{{director.name}} {{director.title}} {{director.school}}</p>
						</div>
					</div>

					<h2>副主任</h2>
					<div class="box-list">
						{% for man in vdirector %}
						<div class="box">
							<img class="photo" src={{man.photo}}>
							<p>{{man.name}} {{man.title}} {{man.school}}</p>
						</div>
						{% endfor %}
					</div>	
					
					<h2>秘书长</h2>
					<div class="box-list">
						<div class="box">
							<img class="photo" src={{secretary.photo}}>
							<p>{{secretary.name}} {{secretary.title}} {{secretary.school}}</p>
						</div>
					</div>

					<h2>副秘书长</h2>
					<div class="box-list">
						{% for man in vsecretary %}
						<div class="box">
							<img class="photo" src={{man.photo}}>
							<p>{{man.name}} {{man.title}} {{man.school}}</p>
						</div>
						{% endfor %}
					</div>

					<h2>常务委员</h2>
					<p>（按姓名拼音排序)</p>
					<table>
						<tbody>
							{% for man in cmember %}
							<tr>
								<td>{{man.name}} {{man.title}}</td>
								<td>{{man.school}}</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>

					<h2>委员</h2>
					<p>（按姓名拼音排序)</p>
					<table>
						<tbody>
							{% for man in member %}
							<tr>
								<td>{{man.name}} {{man.title}}</td>
								<td>{{man.school}}</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>

				</div>
			</article>
		</div>
	</div>

	<footer class="site-footer">
		<div class="wrapper">
			<div class="copy">
				备案编号：京ICP备12009057号-1 版权所有：中国图象图形学学会        联系邮箱: csig_bvd@163.com
			</div>
		</div>
	</footer>

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	{# 以下三者的引用顺序是固定的#}
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>

</html>